:root {
    --mian-font-2b: #2B2B2B;
    --mian-font-66: #666666;
    --mian-font-33: #333333;
    --mian-font-44: #444444;
    --mian-size-16: 16px;
    --mian-size-14: 14px;
    --bs-light-rgb: 238,238,238;
}
a {
    color: var(--mian-font-2b);
    text-decoration: none;
}
.size-14 {
    font-size: var(--mian-size-14);
}
.size-16 {
    font-size: var(--mian-size-16);
}
.color-2b {
    color: var(--mian-font-2b);
}
.color-66 {
    color: var(--mian-font-66);
}
.color-33 {
    color: var(--mian-font-33);
}
.color-44 {
    color: var(--mian-font-44);
}
.card{
    border: 1px solid #DCE0E9;
}
.theme_title{
    padding: 70px 0 60px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content:center;
}
.theme_title img{
    vertical-align: super;
    margin: 0 10px;
    height:12px;
}
.theme_1 {
    display: inline-block;
    position: relative;
    font-size: 36px;
}
.theme_1::after,
.theme_1::before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background-color: var(--main-color);
}
.theme_1::before {
    left: -30px;
    top: 6px;
    animation: xingxing 5s linear infinite;
}
.theme_1::after {
    right: -30px;
    top: 6px;
    animation: xingxing2 5s linear infinite;
}
@keyframes xingxing {
    0% {
        transform: rotate(45deg);
        background-color: var(--main-color);
    }
    50% {
        transform: rotate(360deg);
        background-color: transparent;
    }
    100% {
        transform: rotate(45deg);
        background-color: var(--main-color);
    }
}
@keyframes xingxing2 {
    0% {
        transform: rotate(-45deg);
        background-color: var(--main-color);
    }
    50% {
        transform: rotate(-360deg);
        background-color: transparent;
    }
    100% {
        transform: rotate(-45deg);
        background-color: var(--main-color);
    }
}
.h40{height:40px; clear: both;}
.card img {
    object-fit: cover;
}
.business_c .card {
    overflow: hidden;
    border-radius: 8px;
}
.theme_line{
    padding:10px 20px;
}
.theme_line>a {
    box-sizing: border-box;
    width: 100%;
    word-break: break-all;
    display: flex;
    justify-content: space-between;
    height:40px;
    line-height:40px;
}
.theme_line>a>span:nth-child(1):hover {
    transform: translateX(20px) scale(1.1);
    transition: all .3s linear;
}
.theme_line:hover {
    box-shadow: none;
    color:#0071EF;
}
.theme_line .time{
    color:#999;
}
.theme_line span:first-child{
    width:75%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.company_line .card-header{
    height: 70px;
    line-height: 70px;
    padding: 0;
    margin:0 20px;
    background:none;
    border-bottom:1px dashed #ddd;
    font-size:22px;
}
.SeeMore {
    display: block;
    width: 130px;
    font-size: 18px;
    margin: 20px auto;
}
.groupNumbered {
    border: 1px solid rgba(0,0,0,.125);
}
.groupNumbered>li {
    border: 0;
}
.groupNumbered .fw-bold {
    position: relative;
}
.groupNumbered .fw-bold::before {
    position: absolute;
    content: '.';
    top: -20px;
    left: -14px;
    font-size: 30px;
}
/* ä¸“çº¿ç‰©æµ */
.polymerization_warp {
    padding-bottom:50px;
}
.crumbs{padding:10px 0; font-size:14px;}
.crumbs span{color:#999;}
.crumbs a{color:#333;}
.crumbs i{color:#dcdcdc; margin:0 10px;}
.crumbs a:last-child{color:#104DDF;}
.list-left{border:none; box-shadow: 0px 2px 4px 0px rgba(0, 44, 114, 0.1);}
.car-body--a .current{background: linear-gradient(90deg, #78A5FF 0%, #2D63FB 100%); color:#fff; font-weight: bold;border-radius: 5px;}
.car-body--a .current a,
.car-body--a .current:hover{color:#fff;}

.p-10{padding:10px 0;}
.p-20{padding:20px;}
.mt-10{margin-top:10px;}
.line-area .btn{border-radius: 4px; box-sizing: border-box; border:1px solid #DCE0E9; padding:6px 12px; line-height:normal; margin-right:10px; color:#555;}
.line-area .btn:hover,.line-area .btn.current{color:#0071EF; border: 1px solid #E1F1FE;}
.list-group{border-radius: 8px; padding:10px 20px; background:#fff;}
.list-group .list-group-item{padding:0; height:52px; line-height: 52px; border-bottom: 1px dashed #DCE0E9;}
.list-group .list-group-item:hover{background:none;}
.list-group .list-group-item:hover>span:first-child{background:none; color:#0071EF;}
.tj-linelist{display: flex; justify-content: space-between; width:100%; margin-bottom:30px}
.tj-linelist>div{width:49%; padding:20px;}
.tj-linelist>div a{height:40px; line-height:40px;display: flex; justify-content: space-between;}
.tj-linelist>div .time{color:#999;}
.tj-linelist>div span:first-child{width:74%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.compant-title{font-size:20px; color:#222; font-weight:bold; text-align: left; margin-bottom:30px;}
.compant-title img,
.news_icon img,
.ques-icon img{width:27px; height:27px; margin-right: 16px; object-fit: contain; vertical-align: sub;}
.ans-icon img{width:27px; height:27px; margin-right: 16px; object-fit: contain; }
.ques-list{padding:20px; margin-bottom:20px;}
.ques-headline{font-size:18px; color:#222; font-weight:bold; margin-bottom:20px; display: flex;}
.ans-details{font-size:16px; color:#555; line-height: 36px; display: flex;}
.artic--c table{font-size:14px; text-align: center;}
.artic--c img{max-width:100%; height:100%;}

.artic--c table,
.artic--c table tr th,
.artic--c table tr td{
    border: 1px solid #ccc;
}
.artic--c table{
    border-collapse: collapse;
}
.artic--c table tr th {
    background-color: #f6f9ff;
}
.artic--c h2 {
    font-size: 20px;
    color: #333;
    background: #f9f9f9;
    font-weight: 500;
    border-left: 5px solid #1574bd;
    padding: 10px 15px;
}
.height1{
    border-bottom:1px solid #DCE0E9;
}
.car-body--a {
    padding:20px;
}
.car-body--a a {
    height: 40px;
    line-height: 40px;
    display: block;
    border-radius: 4px;
    padding-left:10px;
}
.car-body--a a:hover {
    background-color: #F2F8FE;
    color:#222;
    font-weight: bold;
}
.contact_us p{
    padding-bottom: 1rem;
}
.contact_us img{
    width:27px;
    height:25px;
    object-fit: contain;
    vertical-align: sub;
    margin-right:16px;
}
.polymerization_left .card,
.polymerization_right .card {
    margin-bottom: 20px;
}

/* å…¨å›½ä¸“çº¿ */
.line_type--c,
.line_type--c2 {
    display: flex;
    justify-content: center;
}
.line_type {
    display: inline-block;
    border: 0;
    box-shadow: 0px 2px 4px 0px rgba(0, 44, 114, 0.1);
    width: 24%;
    margin: 0 20px 40px 20px;
    padding:20px 30px;
}
.line_type .card-header  {
    display: block;
    font-weight: 600;
    font-size: 18px;
    color: var(--main-color);
}
.line_type--child a{
    display: inline-block;
    padding-right: 10px;
    font-size:14px;
    color:#555;
    height:26px;
    line-height: 26px;

}
.line_type--child a:hover {
    transform: scale(1.1);
}
/* .line_type--c .line_type:nth-child(1) .card-header {
    background-image: url('/sitefiles/library/images/2022/9/87e3c4f7c21f66d7.png');
}
.line_type--c .line_type:nth-child(2) .card-header {
    background-image: url('/sitefiles/library/images/2022/9/fce1cfa0115d6da8.png');
}
.line_type--c .line_type:nth-child(3) .card-header {
    background-image: url('/sitefiles/library/images/2022/9/67da02c3ae4f5054.png');
}
.line_type--c2 .line_type:nth-child(1) .card-header {
    background-image: url('/sitefiles/library/images/2022/9/975cebf2b8228b72.png');
}
.line_type--c2 .line_type:nth-child(2) .card-header {
    background-image: url('/sitefiles/library/images/2022/9/29f5cbedcf5f5bfc.png');
}
.line_type--c2 .line_type:nth-child(3) .card-header {
    background-image: url('/sitefiles/library/images/2022/9/44d8c0c76db474a6.png');
}
.line_type--c2 .line_type:nth-child(4) .card-header {
    background-image: url('/sitefiles/library/images/2022/9/c875872b23048f87.png');
} */
/* .icon1{background:url(/img/icon01.png) left no-repeat;} */
.line_type .card-header{
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    color: #222;
    border:none;
    padding:0;
    margin-bottom:14px;
} 
.line_type .card-body{
    padding:0;
}
.line_type_icon img{
    width:25px;
    height:30px;
    margin-right:16px;
}
.line_type_icon2 img{
    width:25px;
    height:30px;
    margin-right:16px;
    vertical-align: sub;
}

.company_line .col-sm-6 {
    margin-bottom: 30px;
}

/* è¯¦æƒ… */
.artic--warp {
    padding:10px;
}
.artic--title {
    font-size: 24px;
    text-align: center;
}
.artic--p {
    font-size:14px;
    text-align: center;
    margin: .8rem 0;
    color: #222;
}
.artic--c {
    line-height: 2.4;
    font-size: 1rem;
}
.artic--c p{text-indent: 2em;}
.conbottom--next {
    margin-bottom: 0.6rem
}
/* å¸¸è§é—®é¢˜ */
.question-wrap li{
    padding:0 25px;
}
.ques-title{
    font-size:18px;
    color:#222;
    font-weight: bold;
    margin:30px;
}
.ques-cont{
    font-size:14px;
    color:#222;
    line-height: 28px;
    margin:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    min-height:112px;
    max-height:139px;
}
.ques-more{
    font-size:14px;
    color:#4174FB;
    margin:0 0 30px 30px;
}
.ques-btn{
    width: 140px;
    height: 50px;
    line-height: 50px;
    border-radius: 183px;
    background: linear-gradient(90deg, #78A5FF 0%, #2D63FB 100%);
    display: block;
    margin:0 auto;
    text-align: center;
    color:#fff;
    font-size: 16px;
}
.ques-btn:hover{
    background: linear-gradient(90deg, #2D63FB 0%, #78A5FF 100%);
    color:#fff;
    }
.line-test{
    width:36px;
    height:1px;
    border:1px solid #DCE0E9;
    margin-left:30px;
}

.ques-icon img{
    width:26px;
    height:26px;
    margin-right:16px;
}
.help strong {
    font-size: 1.1rem;
}
.help p {
    font-size: 1rem;
    color: #555;
    text-indent: 2em;
}
.bgGray1{
    background:#F6F9FF;
}
.businessThree{
    margin-bottom: 40px;
}
.businessThree>div{
    height:224px;
    padding:0 25px;
}
.businessThree>div img{
    width:100%;
    height:100%;
    /* filter: brightness(0.4); */
}
.businessThree .card{
    height: 220px;
    position: relative;
}
.businessThree .card .card-body{
    position: absolute;
    bottom:0;
    padding:10px 26px;
    right:0;
    font-size:22px;
    color:#fff;
    background: linear-gradient(180deg, rgba(5,71,230,0.00) 50%, #104DDF 100%);
    clip-path: polygon(16% 0%, 100% 0, 100% 100%, 0% 100%);
    z-index:9;
}
.list-group-item span:first-child{
    width:77%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.noTips{text-align: center; margin:50px 0;}
.noTips p{margin-top:20px; font-size:14px; color:#aaa; }
.polymerization_right h1{font-size:1.25rem!important; display: inline-block;}
.ques-morebtn{font-size: 16px;text-align: right;color: #005ed3;}
.ans-moret{display: flex; align-items: center; justify-content: space-between;}
.ans-more-time{color:#888; padding-left:45px;}
.footer-xf{display: none;}
@media (min-width:769px) and (max-width: 1399px){
    .headerH1{font-size:23px;}
}


.header_warp {
    padding: 10px 0;
}
.nav_c {
    overflow: hidden;
    white-space: nowrap;
}
.nav--a {
    display: inline-block;
    padding: 15px 20px 0;
}
.nav--a:hover {
    color: #204EE8;
    font-weight: bold;
}
.active {
    color: #204EE8;
    font-weight: bold;
}
.nav_warp {
    padding: 15px 0;
}
.guanyu--title {
    padding-top: 60px;
    padding-bottom: 55px;
}
/* 关于立邦 */
.about_warp {
    padding-bottom: 60px;
}
.about_c>h2 {
    font-size: 30px;
    color: var(--mian-font-2b);
}
.about_c>p {
    color: var(--mian-font-66);
    font-size: var(--mian-size-16);
}

/* 产品与服务 */
.chanpin_warp {
    background-color: #F6F9FF;
    padding-bottom: 110px;
}
.product--img .col-12>div {
    position: relative;
    width: 100%;
    height: 110px;
    text-align: center;
    margin-bottom: 60px;
}
.product--img .col-12>div p {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: bold;
}
.pro1 {
    margin-top: 20px;
}
.pro2 {
    margin-top: 5px;
}
.pro3 {
    margin-top: 8px;
}
.pro4 {
    margin-top: 10px;
}
.pro5 {
    margin-top: 7px;
}
.product--list>div{
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(155,155,155,0.23);
    border: 0;
    margin-bottom: 20px;
}
/* 线路展示 */
.line_warp {
    padding-bottom: 80px;
}
.product--list .card-header {
    background-color: #fff;
    border-bottom:1px dotted #E3E3E3;
    font-size: 20px;
    font-weight: bold;
}
/* 物流网点 */
.logistics_warp {
    background: url('/ddwuliu/images/2022/11/zuchu3.png') no-repeat;
    padding-bottom: 80px;
}
.logistics_c {
    background-color: #fff;
    padding: 90px 70px 70px 60px;
    box-shadow: 0px 5px 10px 0px rgba(155,155,155,0.23);
    border-radius: 15px;
}
.logistics_btn {
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
}
.logistics_btn a {
    width: 84px;
    height: 43px;
    background: #F6F9FF;
    border-radius: 5px;
    font-size: 16px;
    color: #333333;
    background: #F6F9FF;
    line-height: 43px;
    text-align: center;
    margin:0 7px 15px;
}
/* 案例展示 */
.case_warp {
    padding-bottom: 85px;
}
.case_c>img {
    margin-bottom: 10px;
}
/* 底部 */
.footer_warp {
    background-color: #202020;
    padding: 44px 0 100px;
    color: #fff;
}
.footer_warp a {
    color: #fff;
    font-size: 14px;
    padding: 0 40px 10px 0;
}
.us_c>span {
    font-size: 18px;
}
.us_c p {
    font-size: 14px;
}
.us_c p:nth-of-type(1) {
    font-size: 20px;
    font-weight: bold;
    padding-top: 25px;
}
.wxer_c>p {
    font-size: 18px;
}
.wxer_c>p:last-of-type {
    font-size: 14px;
    text-align: center;
}
.nav_c>span {
    display: inline-block;
    font-size: 18px;
    padding-bottom: 25px;
}
.info_img {
    text-align: center;
}
@media (max-width: 767.98px) {
    .artic--warp{padding:20px;}
    .tj-linelist{flex-direction: column;}
    .tj-linelist>div{width:100%; padding:20px;}
    /* .artic--c{text-indent: 0;} */
    .theme_1{font-size:22px;}
    .businessThree{margin-bottom:0;}
    .businessThree>div{margin-bottom:10px;}
    .line_type--c2{flex-direction: column;}
    .line_type--c2 .line_type{width:100%; margin:0 0 20px 0;}
    .car-body--a{padding:20px;}
    .crumbs{padding:10px 0;}
    .theme_title{padding:20px 0;}
    .theme_line{padding:10px;}
    .company_line .card-header{height:50px; line-height:50px; font-size:18px;}
    .line_type_icon2 img{width:20px; height:24px; margin-right:5px;}
    .company_line .col-sm-6{margin-bottom:10px;}
    .question-wrap li{padding:calc(var(--bs-gutter-x) * .5);}
    .ques-title,.ques-cont{margin:15px;}
    .line-test{margin-left:15px;}
    .footer_l h2{font-size:22px;}
    .artic--c tr td,.artic--c tr th{padding:0;}
    .tj-linelist>div span:first-child{width:70%;}

    .polymerization_left{display: none;}
    .footer-xf{display: block;position:fixed;color: #fff;font-size: 18px;bottom:0;min-width: 100%;background: url(/sitefiles/library/images/2022/11/f51a78bb14b6195c.png) no-repeat;background-size: 100%;padding:11px 15px;}
    .footer-xf1{color:#1169ef; float:left;}
    .footer-xf2{color:#fff; font-weight: bold; float:right;}
    .footer-xf2 img{margin-right:6px;}
    .row>div {
        margin-bottom: 20px;
    }
    .navbar-brand {
        width: 80px;
        height: 29px;
        display: block;
    }
    .navbar-brand>img {
        width: 100%;
    }
    .guanyu--title {
        width: 172px;
        padding: 30px 0 25px;
        margin: auto;
    }
    .guanyu--title>img {
        width: 100%;
    }
    .zutu2 {
        width: 213px;
        height: 200px;
    }
    .zutu {
        width: 185px;
        height: 174px;
    }
    .nav_warp {
        padding-top: 0;
        padding-bottom: 10px;
    }
    .nav_warp .row>div {
        margin-bottom: 0px;
    }
    .nav_warp .align-items-end {
        align-items: center !important;
    }
    .product--img .col-12>div p {
        font-size: 16px;
    }
    .product--img .col-12>div {
        margin-bottom: 0;
    }
    .about_warp,.chanpin_warp,.line_warp,.logistics_warp,.case_warp {
        padding-bottom: 0px;
    }
    .footer_warp {
        padding: 15px;
    }
    .logistics_c {
        padding: 10px;
        border-radius: 5px 5px 0 0;
    }
    .about_c>h2 {
        font-size: 24px;
        text-align: center;
        font-weight: bold;
    }
    /* 菜单弹框 */
    .pup_warp {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9;
        background-color: rgba(0, 0, 0, 0);
        transform: translateX(100%);
    }
    .pup_c {
        position: absolute;
        right: 0%;
        width: 40%;
        height: 100vh;
        background-color: #202020;
        transform: translateX(100%);
        transition: all .3s linear;
    }
    .pup_btn {
        display: inline-block;
        padding: 15px 0px 0;
        width: auto;
    }
    .pup_c>a {
        color: #fff;
    }
    .on {
        transform: translateX(0%);
    }
    .off{
        transform: translateX(100%);
    }
    .off>.pup_c {
        transform: translateX(100%);
    }
    .on>.pup_c {
        transform: translateX(0%);
    }
}

#image_warp img{
    height: 200px;
}
#navbarDropdown {
    display: inline;
    position: relative;
}